/* 全局样式 */

/* 基础样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: 'Microsoft YaHei', Arial, sans-serif;
  background-color: #000;
  color: #fff;
  height: 100%;
}

#app {
  width: 100%;
  height: 100%;
}

/* 通用渐变按钮 */
.gradient-btn {
  background: linear-gradient(90deg, #00A3FF, #0AFFFF);
  border: none;
  color: white;
  border-radius: 20px;
}

/* 毛玻璃效果 */
.glass-effect {
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(10px);
  border-radius: 15px;
}

/* 全局金色确定按钮样式 */
:deep(.el-button--primary) {
  background: linear-gradient(90deg, #c8ad7f 0%, #ffe7b2 100%) !important;
  border: none !important;
  color: #fff !important;
  font-weight: bold !important;
  box-shadow: 0 2px 8px #c8ad7f33 !important;
  transition: background 0.2s, color 0.2s !important;
}

:deep(.el-button--primary:hover) {
  background: linear-gradient(90deg, #ffe7b2 0%, #c8ad7f 100%) !important;
  color: #c8ad7f !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px #c8ad7f40 !important;
}

:deep(.el-button--primary:disabled) {
  background: linear-gradient(90deg, #e0cfa0 0%, #f5e6c3 100%) !important;
  opacity: 0.7 !important;
  color: #fff !important;
  transform: none !important;
  box-shadow: 0 2px 8px #c8ad7f33 !important;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 163, 255, 0.5);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 163, 255, 0.8);
} 